<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>simple</title>
    <!-- <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
      crossorigin="anonymous"
    />
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim"
      crossorigin="anonymous"
    ></script> -->
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <script src="./js/bootstrap.js"></script>
  </head>

  <body>
    <style>
      .btn-primary {
        --bs-btn-bg: yellow !important;
      }
      .btn-success {
        --bs-btn-bg: purple !important;
      }
    </style>
    <button class="btn btn-primary">abc</button>
    <button class="btn btn-success">xxx</button>
    <button class="btn btn-danger">xxx</button>
    <button class="btn btn-warning">xxx</button>
    <button class="btn btn-secondary">xxx</button>
    <button class="btn btn-info">yyy</button>
    <button class="btn" style="background-color: var(--bs-teal)">xxx</button>
    <button class="btn btn-primary">ccc</button>
    <button class="btn btn-success">xxx</button>
  </body>
</html>
